<template>
	<view>
		<view class="cu-bar bg-white">
			<view class="action border-title">
				<text class="cuIcon-titles text-green"></text>
				<text class="text-xl text-bold">{{title}}</text>
			</view>
		</view>
		<form>
			<view class="cu-form-group margin-top">
				<view class="title">领料单编号</view>
				<view> {{ applyProIssueInfo.issueCode }} </view>
			</view>
			<view class="cu-form-group">
				<view class="title">领料单名称</view>
				<view> {{ applyProIssueInfo.issueName }} </view>
			</view>
			<view class="cu-form-group">
				<view class="title">类别</view>
				<view> {{ applyProIssueInfo.type == "1"? "非正常领料": "正常领料" }} </view>
			</view>
			<view class="cu-form-group">
				<view class="title">备注</view>
				<view> {{ applyProIssueInfo.remark || '' }} </view>
			</view>

		</form>
		<view class="box">

			<view class="cu-bar bg-white">
				<view class="action border-title">
					<text class="cuIcon-titles text-green"></text>
					<text class="text-xl text-bold">物料列表</text>
				</view>
			</view>
			<view class="cu-list menu sm-border card-menu" v-for="(item, index) in applyProIssueInfo.issueLine" :key="index">
				<!-- 多行Item -->
				<view class="cu-item">
					<view class="content padding-tb-sm">
						<view>
							{{item.itemCode}}
						</view>
						<view class="text-gray text-sm">
							{{item.itemName}}{{item.specification}}
						</view>
					</view>
					<view class="action">
						{{item.quantityIssued}}{{item.unitOfMeasure}}
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: "ApplyProIssue",
		data() {
			return {
				applyProIssueInfo: {},
				title: "生产非正常领料",
			};
		},
		props: {
			forms: {
				type: Object,
				default: () => {
					return {}
				}
			},
			value: {
				type: Object,
				default: () => {
					return {}
				}
			},
		},
		mounted() {
			uni.setNavigationBarTitle({
				title: '生产非正常领料详情'
			});
			this.applyProIssueInfo = this.forms
		},
	}
</script>

<style>

</style>